一、依赖包 vue-pdf "^4.0.12" v-viewer "^1.5.1" jquery "^3.4.1" element-ui "^2.13.0" 二、初衷、思路、想法 绝大数后台管理项目和少数C端项目都离不开文件的上传及预览，所 ...

本文转载，只收藏不常见的，平时不太清楚要如何实现的 椭圆形 image.png #oval { width: 200px; height: 100px; background: red; border-radius: 100 ...

今天为什么要给大家讲解这个东西呢，因为css这部分，尤其是数值这部分感觉非常简单，但是尤其是简单的，却很多人根本就没有弄懂。所以今天就来讲一下css的数值问题吧。大家还是好好听一下吧。 width height 百分比 当元素的height ...

原文链接实现了左右，此处就不做代码重复 codepen 中可以发现上面的代码部分可以左右拖动，上下也是可以拖动改变的 image.png 上代码 此处需要注意 codepen有一个 header，我们大概理解高度为 60px 使用了 vue ...

在网页里经常遇到这样的情况，滑动页面至某一个元素处，元素一直固定在顶部或底部，当页面滑到元素原有位置上方时，元素恢复原有位置。例如京东秒杀的活动时间，还有常见的搜索输入框固定在顶部。 利用js写了个搜索输入框固定在上方的例子，效果示例如下： ...

小程序生成带二维码的海报效果预览： 项目需求： 需要根据用户信息生成用户个人二维码，后台提供海报素材，将用户二维码画在海报上，并可预览海报，长按保存海报，方便用户分享或者发朋友圈。 涉及到的相关API： wx.getImageInfo()- ...

伪元素和伪类 说到这个，我们先回顾一下，伪类选择器和伪元素选择器，老版的浏览器没有严格区分下面 2 种写法。 a:after{} a::after{} 在新的标准中，单冒号(:)用于 CSS3 伪类，双冒号(::)用于 CSS3 伪元素，我 ...

1. CSS Reset 为什么需要CSS Reset 浏览器对于各个HTML都赋予了默认的样式，并且不同的浏览器默认的样式不同，而通常我们的产品设计中样式都是不同于浏览器默认样式的，所以我们在开发中经常要去覆盖默认的样式，针对不同的浏览器 ...

自从从事了前端行业，就得了个职业病，就是看到任何界面的效果都会思考自己怎么实现，这不看见Window10的日历系统，就动起了歪心思，想复现这个效果。 image 效果分析 边框的可见是跟随鼠标位置来改变，鼠标hover的日期显示边框，鼠标点 ...

封装成mixin复用 在写css的时候, 很多样式都是很常用但是写起来很麻烦, 虽然现在有很多成熟的ui框架, 但是我们也不能一个简单的活动页也引入那么大个框架吧? 在工作中我也攒下了不少常用css, 我把他们封装成了mixin, 挑选了5 ...